<template>
	 <div class="child-component">
	    <slot name="top">默认内容</slot>
	    <slot name="bottom">默认内容</slot>
	  </div>
</template>

<script>
	export default {
		data() {
			return {
				tableData02:[
					{name:"test2",money:"0.00",notice:'note',date:'2010-05-24'},
					{name:"test3",money:"200.00",notice:'Admin',date:'2010-05-24'},
					{name:"test4",money:"210.00",notice:'ote3ote3',date:'2010-05-24'},
					{name:"test5",money:"300.0",notice:'note2',date:'2010-05-24'},
					{name:"test15",money:"400.00",notice:'qiuuntion',date:'2010-05-24'},
					{name:"test88",money:"20.00",notice:'note2',date:'2010-05-24'},
					{name:"test2",money:"0.00",notice:'note',date:'2010-05-24'},
					{name:"test3",money:"200.00",notice:'Admin',date:'2010-05-24'},
					{name:"test4",money:"210.00",notice:'ote3ote3',date:'2010-05-24'},
					{name:"test5",money:"300.0",notice:'note2',date:'2010-05-24'},
					{name:"test15",money:"400.00",notice:'qiuuntion',date:'2010-05-24'},
					{name:"test88",money:"20.00",notice:'note2',date:'2010-05-24'},
				]
			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss" >
	.u-table-senior{
		overflow: auto;
		border-collapse: collapse;
		position: relative;
	}
	.u-table-senior-body{
		display: table;
		padding-right:10px;
	}
	.sticky {
		position: sticky;
		right: 0;
		background-color: white; /* 背景色与表格相同 */
		z-index: 1; /* 确保固定列在上层 */
		box-shadow:  -5px -0px 10px 0 #dedede;
	}
	.sticky-table-th{
		position: sticky;
		top: 0;
		background-color: #f9f9f9; /* 背景色与表格相同 */
		z-index:2; /* 确保固定列在上层 */
	}
	
</style>